<template>
  <el-container class="panel-block">
    <el-header class="sa-header">
      <el-tabs class="sa-tabs" v-model="dispatchType">
        <el-tab-pane label="直播间管理" name="live"></el-tab-pane>
        <el-tab-pane label="商品库管理" name="goods"></el-tab-pane>
      </el-tabs>
    </el-header>
    <room v-if="dispatchType === 'live'"></room>
    <goods v-if="dispatchType === 'goods'"></goods>
  </el-container>
</template>
<script>
  export default {
    name: 'shop.admin.mplive',
  };
</script>
<script setup>
  import {ref} from 'vue';
  import room from './room/index.vue';
  import goods from './goods/index.vue';
  const dispatchType = ref('live');
</script>
<style lang="scss" scoped>
  .price-title {
    text-decoration: line-through;
    margin-right: 8px;
    color: var(--sa-subfont);
  }
  .live-qrcode {
    width: 150px;
    height: 150px;
  }
</style>
